{% load i18n static %}
<!-- load ace -->
<script src="{% static 'ace-builds/src-noconflict/ace.js' %}"></script>
<!-- load ace language tools -->
<script src="{% static 'ace-builds/src-noconflict/ext-language_tools.js' %}"></script>


<style>
    /* Custom CSS for Ace Editor height */
    #editor {
        /* height: calc(100vh - 110px); */ /* Adjust the value based on your header/footer heights */
        height: 300px; /* Set a minimum height */
    }

    .editor-container {
        height: 100%;
        margin: 0;
        padding: 0;
    }
</style>

<div class="container-fluid">
    <div class="row">
        <div class="col-12 editor-container">
            <div id="editor"  style="">{}</div>
        </div>
    </div>
</div>




<script>

</script>
